//仪表盘

const panelList = [
    {
        component: 'panel1',
        label: '仪表盘',
        icon: 'wenben',
        style: {
            width: 400,
            height: 400,
            'z-index': '1'
        },
        propValue: [],
        option:{
            color:['#3F4C6A'],
            title: [{
                text: '',
                textStyle: {
                    color: '#FFF',
                    fontStyle: 'normal',
                    fontWeight: 'normal',
                    fontSize: '14',
                },
                left: 'left',
            }, {
                text: '',
                textStyle: {
                    color: '#fff',
                    fontStyle: 'normal',
                    fontWeight: 'normal',
                    fontSize: '14',
                },
                left: 'left',
                top: '20',
            }],
            grid: {
                left: '3%',
                right: '3%',
                bottom: '3%',
                top: '20',
                containLabel: true,
            },
            series: [{
                type: 'gauge',
                progress: {
                    show: true,
                    width: 18
                },
                axisLine: {
                    lineStyle: {
                        width: 10
                    },
                    
                },
                axisTick: {
                    show: false
                },
                splitLine: {
                    length: 5,
                    lineStyle: {
                        width: 2,
                        color: '#FFF',
                        
                    }
                },
                axisLabel: {
                    distance: 25,
                    color: '#fff',
                    fontSize: 14
                },
                anchor: {
                    show: true,
                    showAbove: true,
                    size: 25,
                    itemStyle: {
                        borderWidth: 10
                    }
                },
                title: {
                    show: false
                },
                detail: {
                    valueAnimation: true,
                    fontSize: 40,
                    offsetCenter: [0, '70%'],
                    color:'#fff'
                },
                data: [{
                    value: 70
                }]
            }]
        }
        
    },
    {
        component: 'panel2',
        label: '仪表盘',
        icon: 'wenben',
        style: {
            width: 400,
            height: 400,
            'z-index': '1'
        },
        
        propValue: [],
        option:{
            title: [{
                text: '',
                textStyle: {
                    color: '#fff',
                    fontStyle: 'normal',
                    fontWeight: 'normal',
                    fontSize: '18',
                },
                left: 'left',
            }, {
                text: '',
                textStyle: {
                    color: '#fff',
                    fontStyle: 'normal',
                    fontWeight: 'normal',
                    fontSize: '14',
                },
                left: 'left',
                top: '20',
            }],
            color:['#ccc'],
            
            grid: {
                left: '3%',
                right: '3%',
                bottom: '3%',
                top: '20',
                containLabel: true,
            },
            series: [{
                type: 'gauge',
                axisLine: {
                    lineStyle: {
                        width: 20,
                        color: [
                            [.3,'#F3E493'],
                            [.6,'#F39673'],
                            [1,'#E46571']
                        ]
                    }
                },
                pointer: {
                    itemStyle: {
                        color: 'auto'
                    }
                },
                axisTick: {
                    distance: -30,
                    length: 8,
                    lineStyle: {
                        color: '#fff',
                        width: 2
                    }
                },
                splitLine: {
                    distance: -30,
                    length: 30,
                    lineStyle: {
                        color: '#fff',
                        width: 4
                    }
                },
                axisLabel: {
                    color: 'auto',
                    distance: 40,
                    fontSize: 20
                },
                detail: {
                    valueAnimation: true,
                    formatter: '{value} km/h',
                    color: 'auto'
                },
                data: [{
                    value: 70
                }]
            }]
        }
        
    },
]

export default panelList